<template>
  <view class="wrapper">
    <view class="content">
      <view class="tel">注销账号</view>
      <view class="box">
        <view class="txt">点击发送验证码至<text>18600000000</text>手机，输入验证码并验证身份</view>
        <view class="gro">
          <input width="60%" maxlength="140" placeholder="请输入验证码" />
          <text class="getcode">获取验证码</text>
        </view>
      </view>
      <view class="sub">确认注销</view>
    </view>
  </view>
</template>
<style lang="scss" scoped>
  .wrapper {
    height: 100vh;
    background-color: #fff;
    .content {
      padding: 170px 51px 0;

      .tel {
        font-size: 23px;
        color: #000;
        margin-bottom: 10px;
        font-weight: 800;
      }
      .box {
        width: 100%;
        margin-top: 20px;
        .txt {
          font-size: 13px;
          color: #b1b1b1;
          text {
            color: blue;
          }
        }
        .gro {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 27px 0 10px;
          width: 100%;
          border-bottom: 0.5px solid #eee;
          .input-placeholder {
            font-size: 14px;
            color: rgb(153, 153, 153);
          }
          .getcode {
            font-size: 14px;
            color: #323232;
          }
        }
      }
      .sub {
        margin-top: 53px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        background: linear-gradient(270deg, #ff8361, #ff5525);
        border-radius: 25px;
        font-size: 15px;
        color: #fff;
      }
    }
  }
</style>
